<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	@import "@/uni_modules/uview-ui/index.scss";
	/*每个页面公共css */

	// 设置整个项目的背景色
	page {
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
		background-color: #F2F2F2;
	}

	.page-content {
		width: 100%;
		height: 100%;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
		box-sizing: content-box;
		position: relative;
		display: flex;
		flex-direction: column;
	}

	.mt-8 {
		margin-top: 8rpx;
	}

	.mt-10 {
		margin-top: 10rpx;
	}

	.mt-20 {
		margin-top: 20rpx;
	}

	.mb-10 {
		margin-bottom: 10rpx;
	}

	.mb-20 {
		margin-bottom: 20rpx;
	}

	.ml-8 {
		margin-left: 8rpx;
	}

	.ml-10 {
		margin-left: 10rpx;
	}

	.mr-8 {
		margin-right: 8rpx;
	}

	.mr-10 {
		margin-right: 10rpx;
	}

	.pd-10 {
		padding: 10rpx;
	}

	.pd-20 {
		padding: 20rpx;
	}

	.pl-20 {
		padding-left: 20rpx;
	}

	.pr-20 {
		padding-right: 20rpx;
	}

	.pt-20 {
		padding-top: 20rpx;
	}

	.c_000000 {
		color: #000000;
	}

	.c_666666 {
		color: #666666;
	}

	.c_C62B2C {
		color: #C62B2C;
	}

	.c_333333 {
		color: #333333;
	}

	.c_999999 {
		color: #999999;
	}

	.c_ffffff {
		color: #ffffff;
	}

	.c_f2f2f2 {
		color: #f2f2f2;
	}

	.f_28 {
		font-size: 28rpx;
	}

	.f_20 {
		font-size: 20rpx;
	}

	.f_24 {
		font-size: 24rpx;
	}

	.f_26 {
		font-size: 26rpx;
	}

	.f_30 {
		font-size: 30rpx;
	}

	.f_36 {
		font-size: 36rpx;
	}

	.display_col_center {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.display_row_center {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.display_row_btn_center {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.bg_fff {
		background-color: #fff;
	}

	.bg_B82B2C {
		background-color: #B82B2C;
	}

	.position_bottom {
		position: absolute;
		height: 80rpx;
		width: 100%;
		bottom: 0;
	}

	.btmBox {
		background: linear-gradient(to bottom, #C62B2C, #FF7C71);
		border-radius: 40rpx;
		line-height: 80rpx;
		text-align: center;
		font-size: 40rpx;
		font-weight: 600;
		box-sizing: border-box;
		margin-left: 5%;
		width: 90%;
		bottom: 120rpx;
	}
</style>
